﻿

 /*copy and paste for the browser prefixed selectors... and a few other things*/     
        

/*boxes...*/


    .round{
	        -moz-border-radius: 10px;
	        -webkit-border-radius: 10px;
	        border-radius: 10px; /* future proofing */
	        -khtml-border-radius: 10px; /* for old Konqueror browsers */
    }

    .boxshadow { 
	        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	        box-shadow:inset 0px 1px 0px 0px #ffffff;	        
    }

    .boxminheight {
	        min-height:500px;
	        height:auto !important;
	        height:500px;
    }

    .boxcentervertical {
	        min-height: 10em;
	        display: table-cell;
	        vertical-align: middle;
    }


    
    

/*text...*/

    .textshadow {
	       text-shadow: 0.25em 0.25em 0.5em #666;
    }


    .dropcap:first-letter,
    p::first-line
     {
	        display:block;
	        margin:0.75em 0 0 0.75em;
	        float:left;
	        font-size:3em;
    }

    
    

/*images...*/

    img.flip {
	       -moz-transform: scaleX(-1);
	       -o-transform: scaleX(-1);
	       -webkit-transform: scaleX(-1);
	       transform: scaleX(-1);
	       filter: FlipH;
	       -ms-filter: "FlipH";       
    }

    img.rotate { 

        -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);      
         -o-transform: rotate(30deg);  
     
         /* for ie */ 
         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);         
    }

    .transparent {
	       filter:alpha(opacity=50);
	       -moz-opacity:0.5;
	       -khtml-opacity: 0.5;
	       opacity: 0.5;
    }

    
    
    
/*net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/*/


    
/*adjacent...*/

    ul + p {  
    color: red;  
    }  

/*child*/

    div#container > ul {  
    border: 1px solid black;  
}  
 /*combinator*/ 
   
    ul ~ p {  
   color: red;  
}  
    
/*not*/  

    div:not(#container) {  
   color: blue;  
} 